<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">
<h:head>
	<title>Accueil</title>
	<link href="ressources/css/css.css" rel="stylesheet" type="text/css" />
</h:head>

<h:body>

	<div id="header">
		<div class="container">
			<div id="titreSite">
				<a title="Accueil" href="accueil"> <span style="color: blue;">Hé
						! </span> <span style="color: white;">Lisez</span> <span
					style="color: red;">- moi !</span> <span id="logo"></span>
				</a>
			</div>

			<!-- banner message -->
			<div id="banner">
				Bienvenue sur <i>Hé ! Lisez-moi !</i><br />
				<br /> Ici, vous pourrez voter pour votre livre préféré en
				l'achetant. Chaque vote est comptabilisé (contrairement à L'UMP),
				chaque retour annule le vote. Vous pourrez élire notre best-seller :
				la carte du Pays-Bas (autrement nommé: Hollande).
			</div>
		</div>
	</div>

	<div id="nav"></div>

	<div id="corps">
		<h:form style="margin: 40px auto;width:400px;">
			<table>
				<tr>
					<td>Login :</td>
					<td><h:inputText value="#{gestionConnexion.login}"
							required="true" requiredMessage="Login : obligatoire" id="login" /></td>
					<td>
						<h:message for="login"></h:message>
						<h:outputText value="#{gestionConnexion.messageLogin}" id="connexionErreur" style="color : red;"></h:outputText>
					</td>
				</tr>
				<tr>
					<td>Password :</td>
					<td><h:inputSecret value="#{gestionConnexion.password}"
							required="true" requiredMessage="Password : obligatoire"
							id="password" /></td>
					<td>
						<h:message for="password"></h:message>
						<h:outputText value="#{gestionConnexion.messageMDP}" style="color : red;"></h:outputText>
					</td>
				</tr>


			</table>
			<h:commandLink value="Se connecter"
				action="#{gestionConnexion.connexion}" style="margin:30px 30px 0 30px;">
			</h:commandLink>
			<h:commandLink value="S'inscrire"
				action="#{gestionConnexion.inscription}">
				<f:ajax render="inscriptionErreur" execute="@form"></f:ajax>
			</h:commandLink>
			<br/>	
			
			<h:outputText value="#{gestionConnexion.messageInscription}" id="inscriptionErreur" 
				style="color : red;"/>
	
			
		</h:form>
		
	</div>

	<div id="bandeauDroit"></div>

	<div id="footer">&copy;Mélanie Foucras &amp; Alexandre Gonzalez -
		Java avancé</div>

</h:body>

</html>
